<!DOCTYPE html> <html> <head> <title>ÏtÇÐŤÂàÅ(üÈ) KSM</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../js/equ/slick.css"> <link rel="stylesheet" type="text/css" href="../js/equ/slick-theme.css"> <link rel="stylesheet" href="/css/lightbox.css" /> <script src="/js/jquery-1.8.3.min.js"></script> <script src="/js/lightbox.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script type="text/javascript"> $(document).ready(function(){ $("#header").load("../common/header.jsp") }); </script> <style type="text/css"> html, body { margin: 0; padding: 0; } * { box-sizing: border-box; } .slider { width: 65%; margin: 10px auto; } .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } #wrap {width:100%;} .subitem {width:100%;text-align:center;} .subitem span {display:block;margin:0px auto;text-indent:-99999px;} .subitem .subjw1_1 {height:200px;background:#eceef3 url('/image/equipment/pfa.jpg') no-repeat center top;} #subbb {background:#eceef3} #hpo {height:110px;} #contboxh {width:1000px; height:1550px; margin:0 auto;} .conefh {font:32px/1.5 'ѹ@Çଵ','arial'; color:#000000; font-weight:bold;} .conkfh {font:18px/1.5 'ѹ@Çଵ','arial'; color:#000000; font-weight:bold;} .conhbf {font:30px/2 'ѹ@Çଵ','arial'; color:red; font-weight:bold;} .conhbs {font:23px/2 'ѹ@Çଵ','arial'; color:#000000; font-weight:bold;} </style> </head> <body style="margin:0;padding:0; position:relative;zoom: 1; "> <div id="hpo"> <div id="header" position:relative;z-index:9999;></div> </div> <div id="wrap"> <div class="subitem"> <span class="subjw1_1">ÝÀ°À$ÁD¾</span> </div> </div> <center> <table width="1000px"> <tr> <td> <br> <br> <br> <div class="conefh"> PRODUCTION FACILITIES </div> <div class="conkfh"> =ÌXÇ@Æ ÖàÂ<Ç\¸ ÁÐÔÆ\Õ 0® Â%¸ü¬ Dƽ¼\Õ ˆÔÈÉDÇ ”Íl­iÕȲä². </div> </td> </tr> <tr> <td> <br> <br> <h1><font size="7px" color="red">PRESS LINE</font> _Õ¸¤Â |·xÇ</h1> </td> </tr> </table> </center> <div id="lightBox"> <section class="center slider"> <div> <a href="/image/equipment/big/b1500.jpg" rel="lightbox[imgBox]" title="1500TON PRESS"><img src="/image/equipment/s1500.png"></a> </div> <div> <a href="/image/equipment/big/b1000.jpg" rel="lightbox[imgBox]" title="1000TON PRESS"><img src="/image/equipment/s1000.png"></a> </div> <div> <a href="/image/equipment/big/b800.jpg" rel="lightbox[imgBox]" title="800TON PRESS"><img src="/image/equipment/s800.png"></a> </div> <div> <a href="/image/equipment/big/b500.jpg" rel="lightbox[imgBox]" title="500TON PRESS"><img src="/image/equipment/s500.png"></a> </div> <div> <a href="/image/equipment/big/b200.jpg" rel="lightbox[imgBox]" title="200TON PRESS"><img src="/image/equipment/s200.png"></a> </div> </section> </div> <br> <br> <center> <table width="1000px"> <tr> <td> <center> <img src ="/image/equipment/presslist.png"> </center> </td> </tr> </table> </center> <br> <br> <center> <table width="1000px"> <tr> <td> <br> <h1><font size="7px" color="red">WELDING LINE</font> _pȽ¹ |·xÇ</h1> <img src ="/image/equipment/welding.png"> </td> </tr> </table> </center> <br> <br> <center> <table width="1000px"> <tr> <td> <br> <h1><font size="7px" color="red">MOLD LINE</font> _®Ö |·xÇ</h1> <img src ="/image/equipment/mold.png"> </td> </tr> </table> </center> <br> <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script language="JavaScript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <script language="Javascript" type="text/javascript"> function winSpam(){ window.open("../etc/spam.html" ,"_blank","width=550, height=270"); } </script> <style> body{font-family:˳ÀÆ,dottum;} a:link, a:visited, a:active {color:#5A5A5A;text-decoration:none;} img {border:0px;max-width:2000px;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:active {text-decoration: none;} a:hover {text-decoration: none; color:#3F3BEF;} #downbar { width: 100%; margin: 0 auto; position: relative; z-index: 999; height: 170px; background:#3D3A3A; } #downfst { position: absolute; width: 100%; top: 8px; background:#3D3A3A; font-size: 13px; } #downfst a:hover {text-decoration: none; color:white; #downfst .lcol { font-size: 16px; } </style> <link href="../css/common.css" rel="stylesheet" type="text/css" /> </head> <body style="margin:0;padding:0; position:relative;zoom: 1; "> <div id = "header"> <!--top--> <div style="float:left; width:100%; height:95px; repeat-x bottom; position:relative;"> <div id="downbar"> <div id="downfst"> <font color="white"> <center> <br> <a href="\etc\policy.jsp">¬xÇÈô¼ ˜Ì¬¹)¼hÎ</a> | <a href ="javascript:winSpam()">tÇTº|Ç4»è²ÂÑÉ®ÀÉ</a> <br> <br> <br> ½¬ÁÀ¨°Ä³ @®tÕÜ ÁÀÙ³tº 5»)¼\¸ 55-6 &nbsp;&nbsp; TEL.055-321-4400&nbsp;&nbsp; FAX.055-328-3361 <br> COPYRIGHT Ò$ KSM Co.,Ltd.. ALL RIGHTS RESERVED <br> <br> <div class="lcol"> <b>(üÈ) KSM </b> </div> </center> </font> </div> </div> </div> </div> </html> <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script> <script src="../js/common/slick.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).on('ready', function() { $(".regular").slick({ dots: true, infinite: true, slidesToShow: 1, slidesToScroll: 1 }); $(".center").slick({ dots: true, infinite: true, centerMode: true, slidesToShow: 3, slidesToScroll: 3 }); }); </script> </body> </html>